<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>Deliver-About</title>
		<!--<link rel="shortcut icon" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link rel="shortcut icon" href="img/Logo-i.png" />
		<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
		<script src="vendor/fakeLoader.min.js"></script>
		<!--图片放大效果-->
		<!-- Add fancyBox main JS and CSS files -->
		<script type="text/javascript" src="vendor/jquery.fancybox.js?v=2.1.5"></script>
		<link rel="stylesheet" type="text/css" href="vendor/jquery.fancybox.css?v=2.1.5" media="screen" />
		<!--图片hover效果-->
		<!--<link rel="stylesheet" type="text/css" href="vendor/jq22-demo.css">-->
		<!--<link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,900' rel='stylesheet' type='text/css'>-->
		<link rel="stylesheet" type="text/css" href="vendor/hover-effects.css">
		<!--[if IE]>
			<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
		<![endif]-->

		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="vendor/fonts-style.css"/>
		<link href="vendor/bootstrap-3.3.0/css/bootstrap.css" rel="stylesheet" />
		<link rel="stylesheet" href="vendor/animate.css" />
		<link rel="stylesheet" href="vendor/fakeLoader.css" />
		<link rel="stylesheet" href="vendor/animsition.min.css" />
		<link href="css/core.css" rel="stylesheet" />
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>

	<body class="animsition">
		<!--IE9一下浏览器提示-->
		<!--[if lt IE 9]>
			<div class="Del-warning" id="DelWarning">
				<div class="warning-center">
					<span class="tips">为了您更好的体验，请使用IE 9及以上的浏览器！</span>
					<span class="close" id="close"><i class="fa fa-times"></i></span>
				</div>
			</div>
		<![endif]-->
		<!--加载蒙层-->
		<div class="fakeloader"></div>
		<script>
			$(".fakeloader").fakeLoader({
				timeToHide: 500, //Time in milliseconds for fakeLoader disappear
				zIndex: 99999, // Default zIndex
				spinner: "spinner4", //Options: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' 
				bgColor: "#c183bd", //Hex, RGB or RGBA colors
				//				imagePath: "yourPath/customizedImage.gif" //If you want can you insert your custom image
			});
			/*
			 *  Simple image gallery. Uses default settings
			 */
			$('.fancybox').fancybox();
		</script>

		<!--公共header-->
		<header class="Del-common-header">
			<div class="content">
				<div class="common-header-top">
					<div class="top-logo-img">
						<img src="img/logo1.png" />
					</div>
					<ul class="top-list clearfix">
						<li class="list-item list-rss">
							<a href=""><i class="fa fa-rss"></i></a>
						</li>
						<li class="list-item list-f">
							<a href=""><i class="fa fa-facebook-f"></i></a>
						</li>
						<li class="list-item list-twitter">
							<a href=""><i class="fa fa-twitter"></i></a>
						</li>
					</ul>
				</div>
				<div class="common-header-nav wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.5s">
					<ul id="nav-menu" class="nav-menu clearfix">
						<li class="nav-toggle">
							<div id="toggle-icon" class="toggle-icon">
								<i class="fa fa-bars"></i>
								<i class="fa fa-times" style="display: none;"></i>
							</div>
						</li>
						<li class="signin-toggle">
							<a data-sign="0" id="signin-icon" class="user-signin"><i class="fa fa-user"></i></a>
						</li>
						<li class="home-logo">
							<a href="index-Home.html"><span class="text-replace">DELIVER</span></a>
						</li>
					</ul>
					<ul class="nav-list clearfix">
						<li class="list-item">
							<a href="index-Home.html" class="animsition-link" data-animsition-out="fade-out-right" data-animsition-out-duration="500">HOME</a>
						</li>
						<li class="list-item">
							<a href="portfolio.html" class="animsition-link" data-animsition-out="fade-out-right" data-animsition-out-duration="500">PORTFOLIO</a>
						</li>
						<li class="list-item">
							<a href="" class="nav-active">ABOUT</a>
						</li>
						<li class="list-item">
							<a href="services.html" class="animsition-link" data-animsition-out="fade-out-left" data-animsition-out-duration="500">SERVICES</a>
						</li>
						<li class="list-item">
							<a href="archive.html" class="animsition-link" data-animsition-out="fade-out-left" data-animsition-out-duration="500">ARCHIVE</a>
						</li>
						<li class="list-item">
							<a href="index-blog.html" class="animsition-link" data-animsition-out="fade-out-left" data-animsition-out-duration="500">BLOG</a>
						</li>
						<li class="list-item">
							<a href="other-pages.html" class="animsition-link" data-animsition-out="fade-out-left" data-animsition-out-duration="500">OTHER&nbsp;PAGES</a>
						</li>
						<li class="list-item">
							<a href="contact-us.html" class="animsition-link" data-animsition-out="fade-out-left" data-animsition-out-duration="500">CONTACT&nbsp;US</a>
						</li>
						<li class="list-item header-search">
							<form method="get" target="_blank" id="searchform" name="searchform" action="http://www.baidu.com/s">
								<div class="search-input-wrapper">
									<span class="search-icon"><i class="fa fa-search"></i></span>
									<input type="hidden" name="genre" value="">
									<input type="search" class="search-input" id="search-input" name="word" value="" placeholder="输入关键词搜索..." autocomplete="off">
									<button type="submit" class="search-submit" id="search-submit"></button>
								</div>
							</form>
						</li>
					</ul>
				</div>
			</div>
			<div class="common-header-footer">
				<div class="header-footer-text">
					<p class="text">ABOUT US</p>
				</div>
			</div>
		</header>

		<section class="Del-About-container">
			<div class="About-us-explain wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.5s">
				<h3>WE ARE A SMALL TEAM DOING BIG THINGS!</h3>
				<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent justo ligula, interdum ut lobortis quis, interdum vitae metus. Proin fringilla metus non nulla cursus, sit amet rutrum est pretium.</span>
			</div>
			<div class="About-us-work">
				<ul class="work-explain clearfix">
					<li class="explain-item explain-left wow fadeInLeft animated" data-wow-duration="1s" data-wow-delay="0.5s">
						<div>
							<h4>MISSION STATEMENT</h4><span class="item">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales purus vel nunc elementum rhoncus. Praesent neque metus, mollis sit amet convallis ut, tempus porta arcu. Phasellus accumsan facilisis viverra. Sed a velit sit amet nunc aliquam consectetur.</span>
						</div>
					</li>
					<li class="explain-item explain-center wow fadeInDown animated" data-wow-duration="1s" data-wow-delay="0.8s">
						<div>
							<h4>CORE VALUSE</h4><span class="item">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales purus vel nunc elementum rhoncus. Praesent neque metus, mollis sit amet convallis ut, tempus porta arcu. Phasellus accumsan facilisis viverra. Sed a velit sit amet nunc aliquam consectetur.</span>
						</div>
					</li>
					<li class="explain-item explain-right wow fadeInRight animated" data-wow-duration="1s" data-wow-delay="0.5s">
						<div>
							<h4>WHY CHOOSE US</h4><span class="item">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales purus vel nunc elementum rhoncus. Praesent neque metus, mollis sit amet convallis ut, tempus porta arcu. Phasellus accumsan facilisis viverra. Sed a velit sit amet nunc aliquam consectetur.</span>
						</div>
					</li>
				</ul>
			</div>
			<div class="About-us-meet">
				<div class="meet-explain wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.5s">
					<h3>MEET OUR TEAM</h3>
					<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent justo ligula, interdum ut lobortis quis, interdum vitae metus. Proin fringilla metus non nulla cursus, sit amet rutrum est pretium.</span>
				</div>
				<div class="meet-work wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.8s">
					<ul class="work-item clearfix">
						<li class="item item-one">
							<div class="item-box">
								<div class="item-img-box port-6 effect-2">
									<a class="box-a fancybox image-box" href="img/ab-img-01.jpg" data-fancybox-group="gallery">
										<img src="img/ab-img-01.jpg" width="265" height="220px"/>
										<!--<div class="icon">
											<i class="fa fa-eye"></i>
										</div>-->
										<!--<div class="bgcolor"></div>-->
									</a>
									<div class="text-desc">
										<h3>Your Title</h3>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<a href="#" class="btn">Learn more</a>
									</div>
								</div>
								<div class="title">
									<h4>MICHEAL TURNER</h4>
									<p class="p-top">President</p>
									<p class="p-article">Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.</p>
									<ul class="title-list clearfix">
										<li class="list-item list-rss">
											<a href=""><i class="fa fa-rss"></i></a>
										</li>
										<li class="list-item list-f">
											<a href=""><i class="fa fa-facebook-f"></i></a>
										</li>
										<li class="list-item list-twitter">
											<a href=""><i class="fa fa-twitter"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="item">
							<div class="item-box">
								<div class="item-img-box port-6 effect-2">
									<a class="box-a fancybox image-box" href="img/ab-img-02.jpg" data-fancybox-group="gallery">
										<img src="img/ab-img-02.jpg" width="265" height="220px"/>
										<!--<div class="icon">
											<i class="fa fa-eye"></i>
										</div>
										<div class="bgcolor"></div>-->
									</a>
									<div class="text-desc">
										<h3>Your Title</h3>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<a href="#" class="btn">Learn more</a>
									</div>
								</div>
								<div class="title">
									<h4>JON SMITH</h4>
									<p class="p-top">Programmer</p>
									<p class="p-article">Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.</p>
									<ul class="title-list clearfix">
										<li class="list-item list-rss">
											<a href=""><i class="fa fa-rss"></i></a>
										</li>
										<li class="list-item list-f">
											<a href=""><i class="fa fa-facebook-f"></i></a>
										</li>
										<li class="list-item list-twitter">
											<a href=""><i class="fa fa-twitter"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="item">
							<div class="item-box">
								<div class="item-img-box port-6 effect-2">
									<a class="box-a fancybox image-box" href="img/ab-img-03.jpg" data-fancybox-group="gallery">
										<img src="img/ab-img-03.jpg" width="265" height="220px"/>
										<!--<div class="icon">
											<i class="fa fa-eye"></i>
										</div>
										<div class="bgcolor"></div>-->
									</a>
									<div class="text-desc">
										<h3>Your Title</h3>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<a href="#" class="btn">Learn more</a>
									</div>
								</div>
								<div class="title">
									<h4>ASHLEY HUNTER</h4>
									<p class="p-top">Human Resources</p>
									<p class="p-article">Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.</p>
									<ul class="title-list clearfix">
										<li class="list-item list-rss">
											<a href=""><i class="fa fa-rss"></i></a>
										</li>
										<li class="list-item list-f">
											<a href=""><i class="fa fa-facebook-f"></i></a>
										</li>
										<li class="list-item list-twitter">
											<a href=""><i class="fa fa-twitter"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="item float-r">
							<div class="item-box">
								<div class="item-img-box port-6 effect-2">
									<a class="box-a fancybox image-box" href="img/ab-img-04.jpg" data-fancybox-group="gallery">
										<img src="img/ab-img-04.jpg" width="265" height="220px"/>
										<!--<div class="icon">
											<i class="fa fa-eye"></i>
										</div>
										<div class="bgcolor"></div>-->
									</a>
									<div class="text-desc">
										<h3>Your Title</h3>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<a href="#" class="btn">Learn more</a>
									</div>
								</div>
								<div class="title">
									<h4>TIM BIRD</h4>
									<p class="p-top">Designer</p>
									<p class="p-article">Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.</p>
									<ul class="title-list clearfix">
										<li class="list-item list-rss">
											<a href=""><i class="fa fa-rss"></i></a>
										</li>
										<li class="list-item list-f">
											<a href=""><i class="fa fa-facebook-f"></i></a>
										</li>
										<li class="list-item list-twitter">
											<a href=""><i class="fa fa-twitter"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="item item-one">
							<div class="item-box">
								<div class="item-img-box port-6 effect-2">
									<a class="box-a fancybox image-box" href="img/ab-img-05.jpg" data-fancybox-group="gallery">
										<img src="img/ab-img-05.jpg" width="265" height="220px"/>
										<!--<div class="icon">
											<i class="fa fa-eye"></i>
										</div>
										<div class="bgcolor"></div>-->
									</a>
									<div class="text-desc">
										<h3>Your Title</h3>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<a href="#" class="btn">Learn more</a>
									</div>
								</div>
								<div class="title">
									<h4>MICHEAL TURNER</h4>
									<p class="p-top">President</p>
									<p class="p-article">Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.</p>
									<ul class="title-list clearfix">
										<li class="list-item list-rss">
											<a href=""><i class="fa fa-rss"></i></a>
										</li>
										<li class="list-item list-f">
											<a href=""><i class="fa fa-facebook-f"></i></a>
										</li>
										<li class="list-item list-twitter">
											<a href=""><i class="fa fa-twitter"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="item">
							<div class="item-box">
								<div class="item-img-box port-6 effect-2">
									<a class="box-a fancybox image-box" href="img/ab-img-06.jpg" data-fancybox-group="gallery">
										<img src="img/ab-img-06.jpg" width="265" height="220px"/>
										<!--<div class="icon">
											<i class="fa fa-eye"></i>
										</div>
										<div class="bgcolor"></div>-->
									</a>
									<div class="text-desc">
										<h3>Your Title</h3>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<a href="#" class="btn">Learn more</a>
									</div>
								</div>
								<div class="title">
									<h4>JON SMITH</h4>
									<p class="p-top">Programmer</p>
									<p class="p-article">Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.</p>
									<ul class="title-list clearfix">
										<li class="list-item list-rss">
											<a href=""><i class="fa fa-rss"></i></a>
										</li>
										<li class="list-item list-f">
											<a href=""><i class="fa fa-facebook-f"></i></a>
										</li>
										<li class="list-item list-twitter">
											<a href=""><i class="fa fa-twitter"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="item">
							<div class="item-box">
								<div class="item-img-box port-6 effect-2">
									<a class="box-a fancybox image-box" href="img/ab-img-07.jpg" data-fancybox-group="gallery">
										<img src="img/ab-img-07.jpg" width="265" height="220px"/>
										<!--<div class="icon">
											<i class="fa fa-eye"></i>
										</div>
										<div class="bgcolor"></div>-->
									</a>
									<div class="text-desc">
										<h3>Your Title</h3>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<a href="#" class="btn">Learn more</a>
									</div>
								</div>
								<div class="title">
									<h4>ASHLEY HUNTER</h4>
									<p class="p-top">Human Resources</p>
									<p class="p-article">Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.</p>
									<ul class="title-list clearfix">
										<li class="list-item list-rss">
											<a href=""><i class="fa fa-rss"></i></a>
										</li>
										<li class="list-item list-f">
											<a href=""><i class="fa fa-facebook-f"></i></a>
										</li>
										<li class="list-item list-twitter">
											<a href=""><i class="fa fa-twitter"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="item float-r">
							<div class="item-box">
								<div class="item-img-box port-6 effect-2">
									<a class="box-a fancybox image-box" href="img/ab-img-08.jpg" data-fancybox-group="gallery">
										<img src="img/ab-img-08.jpg" width="265" height="220px"/>
										<!--<div class="icon">
											<i class="fa fa-eye"></i>
										</div>
										<div class="bgcolor"></div>-->
									</a>
									<div class="text-desc">
										<h3>Your Title</h3>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<a href="#" class="btn">Learn more</a>
									</div>
								</div>
								<div class="title">
									<h4>TIM BIRD</h4>
									<p class="p-top">Designer</p>
									<p class="p-article">Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.</p>
									<ul class="title-list clearfix">
										<li class="list-item list-rss">
											<a href=""><i class="fa fa-rss"></i></a>
										</li>
										<li class="list-item list-f">
											<a href=""><i class="fa fa-facebook-f"></i></a>
										</li>
										<li class="list-item list-twitter">
											<a href=""><i class="fa fa-twitter"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="About-us-needyou wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.5s">
				<div class="needyou-explain">
					<h3>IF YOU LIKE WHAT YOU SEE,JION US!</h3>
					<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent justo ligula, interdum ut lobortis quis, interdum vitae metus. Proin fringilla metus non nulla cursus, sit amet rutrum est pretium.</span>
					<div class="explain-button">
						<a href="#"><input type="button" value="APPLY TODAY" /></a>
					</div>
				</div>
			</div>
		</section>

		<!--公共footer-->
		<footer class="Del-common-footer">
			<section class="footer-section wow fadeInUp animated " data-wow-duration="0.5s" data-wow-delay="0.2s">
				<div class="section-list clearfix">
					<aside class="item-group item-group-left">
						<div class="group-box">
							<div class="top-logo-img">
								<img src="img/logo2.png" />
							</div>
							<ul class="top-list clearfix">
								<li class="list-item list-rss">
									<a href=""><i class="fa fa-rss"></i></a>
								</li>
								<li class="list-item list-f">
									<a href=""><i class="fa fa-facebook-f"></i></a>
								</li>
								<li class="list-item list-twitter">
									<a href=""><i class="fa fa-twitter"></i></a>
								</li>
							</ul>
						</div>
						<p class="span-article">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida quam quis nunc rutrum placerat. Proin eu mi vitae neque veh interdum id nec turpis nam auctor faucibus sollicitudin.</p>
					</aside>
					<aside class="item-group item-group-center mg-l1">
						<dl>
							<dt>CONTACT INFO</dt>
							<dd>
								<a href="#">222 Ave C South</a>
							</dd>
							<dd>
								<a href="#">Saskatoon, Saskatchewan</a>
							</dd>
							<dd>
								<a href="#">Canada S7K 2N5</a>
							</dd>
							<dd class="Email">
								<a href="#">info@deliver.ca</a>
							</dd>
							<dd class="id-num">
								<a href="#">1.306.222.3456</a>
							</dd>
						</dl>
					</aside>
					<aside class="item-group item-group-center mg-l2">
						<dl class="center-dl-r">
							<dt>QUICK LINKS</dt>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Portfolio</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>About</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Archive</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Blog</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Bropdown</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Contact Us</a>
							</dd>
						</dl>
					</aside>
					<aside class="item-group item-group-right">
						<dl>
							<dt>NEWSLETTER</dt>
							<dd><span>Lorem ipsum dolor sit amet dolor consectetur adipiscing elit. </span></dd>
							<dd><input class="Email" type="text" value="Email" />
								<a href="#"><input class="button" type="button" value="OK" /></a>
							</dd>
						</dl>
					</aside>
				</div>
				<div class="section-bottom clearfix">
					<p class="p-left">COPYRIGHT 2013 <span>DELIVER</span>. ALL RIGHTS RESERVED.</p>
					<p class="p-right">ABOUT / PRIVACY POLICY / CONTACT</p>
				</div>
			</section>
		</footer>
		<!--返回顶部-->
		<div class="fixbox">
			<div class="retop" id="reTop" title="回到顶部">
				<a><i class="fa fa-arrow-circle-up"></i></a>
			</div>
			<div class="rehome" title="回到首页">
				<a href="index-Home.html"><i class="fa fa-bookmark-o"></i></a>
			</div>
		</div>
		<script src="js/core.js"></script>
		<script src="http://cdn.dowebok.com/131/js/wow.min.js"></script>
		<script src="vendor/jquery.animsition.min.js"></script>
		<script>
			$(function() {
				Services.topp();
				common.close();
				common.search();
				common.bar();
				var wow = new WOW({
					boxClass: 'wow',
					animateClass: 'animated',
					offset: 0,
					mobile: true,
					live: true
				});

				if(!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
					new WOW().init();
				}
			});
			$(".animsition").animsition({

				inClass: 'fade-in',
				outClass: 'fade-out',
				inDuration: 1200,
				outDuration: 500,
				linkElement: '.animsition-link',
				// e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
				loading: true,
				loadingParentElement: 'body', //animsition wrapper element
				loadingClass: 'animsition-loading',
				unSupportCss: ['animation-duration',
					'-webkit-animation-duration',
					'-o-animation-duration'
				],
				//"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
				//The default setting is to disable the "animsition" in a browser that does not support "animation-duration".

				overlay: false,

				overlayClass: 'animsition-overlay-slide',
				overlayParentElement: 'body'
			});
		</script>
	</body>

</html>